<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
  <script> document.nbjs_translations = { domain: 'messages' };</script>
  <span id="logo" class="nav navbar-brand pull-left">
    <a id="homeLink"><img id="logoImg" alt="Google Cloud DataLab" style="display:none" /></a>
  </span>
  <span id="save_widget" class="pull-left save_widget">
    <label class="toolbar-btn rename" title="Rename notebook">
      <span id="notebook_name" class="filename"></span>
    </label>
    <span class="autosave_status"></span>
  </span>
  <div class="btn-toolbar pull-right right-toolbar">
    <div id="ungitButton" class="btn-group">
      <button title="Open ungit on the notebooks repository" class="toolbar-btn">
        <span class="fa fa-code-fork"></span>
      </button>
    </div>
    <div id="sessionsButton" class="btn-group">
      <button title="Running Sessions" class="toolbar-btn">
        <i class="material-icons">playlist_play</i>
      </button>
    </div>
    <div id="navigationButton" class="btn-group" style="display:none;">
      <button title="Navigation" class="toolbar-btn">
        <i class="material-icons">bookmark</i>
      </button>
    </div>
    <div id="helpButton" class="btn-group">
      <button class="toolbar-btn" data-toggle="dropdown" title="Help Links">
        <i class="material-icons">help_outline</i>
      </button>
      <ul class="dropdown-menu dropdown-menu-right" style="width: 200px">
        <li><a id="showHelpLink" style="display:none" href="#">Show Help</a></li>
        <li><a id="keyboardHelpLink" style="display:none" href="#">Keyboard Shortcuts</a></li>
        <li><a id="markdownHelpLink" style="display:none" href="#">Markdown Syntax</a></li>
        <li id="notebookHelpDivider" class="divider" style="display:none"></li>
        <li><a id="samplesLink" target="_blank"><span>Samples and Tutorials</span></a></li>
        <li class="divider"></li>
        <li><a href="https://cloud.google.com/bigquery/what-is-bigquery" target="_blank"><span>BigQuery</span></a></li>
        <li><a href="https://cloud.google.com/storage/docs/overview" target="_blank"><span>Cloud Storage</span></a></li>
        <li class="divider"></li>
        <li><a href="http://googledatalab.github.io/pydatalab/" target="_blank"><span>Datalab API</span></a></li>
        <li><a href="https://developers.google.com/chart/" target="_blank"><span>Google Charts</span></a></li>
        <li><a href="http://matplotlib.org/contents.html" target="_blank"><span>Matplotlib</span></a></li>
        <li><a href="http://docs.scipy.org/doc/numpy/reference/" target="_blank"><span>Numpy</span></a></li>
        <li><a href="http://pandas.pydata.org/pandas-docs/stable/" target="_blank"><span>Pandas</span></a></li>
        <li><a href="http://scikit-learn.org/stable/" target="_blank"><span>SciKit-Learn</span></a></li>
        <li><a href="http://tensorflow.org" target="_blank"><span>TensorFlow</span></a></li>
      </ul>
    </div>
    <div id="accountDropdown" class="btn-group">
      <button id="accountDropdownButton" title="Account" class="toolbar-btn">
        <i class="material-icons">account_circle</i>
      </button>
      <div class="dropdown-menu dropdown-menu-right" style="min-width: 250px;">
        <div id="signInButton" style="display:none">
          <button title="Sign In" class="btn btn-success" style="width: 100%; float: none">Sign In</button>
        </div>
        <div id="signOutGroup" style="display:none">
          <label id="usernameLabel" style="padding:0 0 10px 0"></label>
          <label id="projectLabel" style="display:none; padding:0 0 10px 0"></label>
          <button id="signOutButton" title="Sign Out" class="btn btn-danger" style="display:none; width: 100%; float: none">Sign Out</button>
        </div>
        <div id="stopVmGroup" style="display:none">
          <hr/>
          <div>
            This Datalab instance is hosted in a Google Cloud VM: <span id="vmName" style="font-weight: bold"></span>
          </div>
          <div>
            <a href="javascript:manageVm()">Click here to manage the VM</a>
          </div>
          <button id="stopVmButton" title="Stop VM" class="btn btn-danger" style="width: 100%; float: none">Stop VM</button>
        </div>
        <li><a id="idleTimeoutEnabledButton" title="Disable idle timeout" href="#" style="display:none;">
          <i class="material-icons">timer</i>
          <span id="idleTimeoutDetails">(Idle timout enabled)</span>
        </a></li>
        <li><a id="idleTimeoutDisabledButton" title="Enable idle timeout" href="#" style="display:none;">
          <i class="material-icons">timer_off</i>
          Idle timeout is disabled
        </a></li>
        <hr/>
        <li><a id="settingsButton" href="#">Settings</a></li>
        <li><a id="aboutButton" href="#">About Datalab</a></li>
        <li><a id="feedbackButton" href="#">Feedback</a></li>
      </div>
    </div>
  </div>
</body>
</html>
